<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('项目管理人员基本配置表')"/>
    <th:block th:include="include :: layout-latest-css"/>
    <th:block th:include="include :: ztree-css"/>
</head>
<style>
    select {
        padding-top: 3px !important;
    }

    .select-list {
        margin-top: 5px !important;
    }

    .select-list li p {
        width: auto !important;
        margin-top: 7px !important;
    }
    .table-striped .table > thead:first-child > tr:first-child > th{
        font-weight: normal;
        font-size: 13px;
        border: 1px solid #cccccc;
        border-right: none;
        border-top: 1px solid #cccccc !important;
    }
    td{
        border: 1px solid #cccccc !important;
        border-right: none;
        border-top: 1px solid #cccccc !important;
    }
</style>
<body class="gray-bg">

<div class="ui-layout-center">
    <div class="container-div">

        <div class="row">
            <div class="col-sm-12 search-collapse">
                <form id="project-form">
                    <div class="col-sm-12">


                        <div class="select-list">
                            <ul>
                                <li>
                                    <p>岗位配置：</p>
                                    <select class="form-control noselect2" id="jobName" name="jobName">
                                        <option value="">请选择</option>
                                        <option value="项目经理">项目经理</option>
                                        <option value="技术负责人">技术负责人</option>
                                        <option value="生产经理">生产经理</option>
                                        <option value="安全主管">安全主管</option>
                                        <option value="安全员">安全员</option>
                                        <option value="质量主管">质量主管</option>
                                        <option value="质检员">质检员</option>
                                        <option value="一级施工员">一级施工员</option>
                                        <option value="二级施工员">二级施工员</option>
                                        <option value="三级施工员">三级施工员</option>
                                        <option value="资料员">资料员</option>
                                        <option value="电工">电工</option>
                                        <option value="材料主管">材料主管</option>
                                        <option value="材料员">材料员</option>
                                        <option value="劳资员">劳资员</option>
                                    </select>

                                </li>
                                <li>
                                    <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i
                                            class="fa fa-search"></i>&nbsp;搜索</a>
                                    <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i
                                            class="fa fa-refresh"></i>&nbsp;重置</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </form>
            </div>
            <div class="col-sm-12 select-table table-striped">
                <table id="bootstrap-table"></table>

            </div>
        </div>
    </div>
</div>

<th:block th:include="include :: footer"/>
<th:block th:include="include :: layout-latest-js"/>
<th:block th:include="include :: ztree-js"/>
<script th:inline="javascript">
    var prefix = ctx + "perSonConfig";

    $(function () {
        $("#compId").change(function () {
            compId = $("#compId option:selected").val();
            $.ajax({
                url: ctx + "outPutValue/findProByCompId",
                data: {
                    "compId": compId
                },
                success: function (data) {
                    $("#proName").find("option").remove();
                    $("#proName").append('<option value="">请选择</option>');
                    for (var i in data.data) {
                        html = data.data[i].pro_name;
                        value = data.data[i].comp_id;
                        $("#proName").append('<option value="' + html + '">' + html + '</option>')
                    }
                }
            })
        });

        var options = {
            code: "id",
            uniqueId: "id",
            id: "bootstrap-table",
            url: prefix + '/list',
            createUrl: prefix + "/add",
            updateUrl: prefix + "/edit/{id}",
            removeUrl: prefix + "/remove",
            exportUrl: prefix + "/export",
            modalName: "项目管理人员基本配置表",
            showSearch: false,
            showRefresh: false,
            showToggle: false,
            showColumns: false,
            pagination: false,
            onLoadSuccess: function (data) {
                var datas = [
                    {
                        jobName: "小计",
                        小于十万平米: 0,
                        二十五到三十万平米: 0,
                        十万到十五万平米: 0,
                        二十到二十五万平米: 0,
                        三十到三十五万平米: 0,
                        十五万到二十万平米: 0,
                        三十五到四十万平米: 0,
                    },
                    {
                        sort: "备注",
                        jobName: "一级施工员",
                        小于十万平米: '一、 高层（11层以上）： 1、建筑面积≤3万平方米且不少于3栋（含地下室），设一级施工员1名。 2、单体面积超过3万平方米（含地下室）的，设一级施工员1名。<br/> 二、 多层（7层以下）：1、建筑面积≤2万平方米（含地下室）且不少于4（含）栋，设一级施工员1名。<br/> 三、 大面积地下室每1万平方米设一级施工员1名'
                    }, {
                        jobName: "资料员",
                        小于十万平米: '项目资料员外包则项目相应编制予以减少；'
                    }, {
                        jobName: "电工",
                        小于十万平米: '电工编制统一划拨设备公司管理。'

                    }];
                for (var i in data.rows) {
                    datas[0].小于十万平米 += data.rows[i].小于十万平米;
                    datas[0].二十五到三十万平米 += data.rows[i].二十五到三十万平米;
                    datas[0].十万到十五万平米 += data.rows[i].十万到十五万平米;
                    datas[0].二十到二十五万平米 += data.rows[i].二十到二十五万平米;
                    datas[0].三十到三十五万平米 += data.rows[i].三十到三十五万平米;
                    datas[0].十五万到二十万平米 += data.rows[i].十五万到二十万平米;
                }
                $("#bootstrap-table").bootstrapTable("append", datas);
                $("#bootstrap-table").bootstrapTable("mergeCells", {
                    index: data.total + 1,
                    field: 'sort',
                    rowspan: 3
                });
                $("#bootstrap-table").bootstrapTable("mergeCells", {
                    index: data.total + 1,
                    field: '小于十万平米',
                    colspan: 8
                });
                $("#bootstrap-table").bootstrapTable("mergeCells", {
                    index: data.total + 2,
                    field: '小于十万平米',
                    colspan: 8
                });
                $("#bootstrap-table").bootstrapTable("mergeCells", {
                    index: data.total + 3,
                    field: '小于十万平米',
                    colspan: 8
                });


            },
            columns: [
                [
                    {
                        field: 'sort',
                        title: '序号',
                        rowspan: 2,
                        valign: "middle",
                        align: "center"
                    },
                    {
                        field: 'jobName',
                        title: '岗位配置',
                        rowspan: 2,
                        valign: "middle",
                        align: "center"
                    },
                    {
                        title: '项目类型',
                        rowspan: 1,
                        colspan: 8,
                        align: "center"
                    },
                ],
                [
                    {
                        field: '小于十万平米',
                        title: '≤10万平米',

                    },
                    {
                        field: '十万到十五万平米',
                        title: '≤10~≤15万平米',

                    },
                    {
                        field: '十五万到二十万平米',
                        title: '≤15~≤20万平米',

                    },
                    {
                        field: '二十到二十五万平米',
                        title: '≤20~≤25万平米',

                    },
                    {
                        field: '二十五到三十万平米',
                        title: '≤25~≤30万平米',

                    },
                    {
                        field: '三十到三十五万平米',
                        title: '≤30~≤35万平米',

                    },
                    {
                        field: '三十五到四十万平米',
                        title: '≤35~≤40万平米',

                    },
                    {
                        field: '四十万以上',
                        title: '40万平方米以上',
                    },

                ],
            ]
        };

        $.table.init(options);

    });


</script>
</body>

</html>